<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美食今日推荐</title>
		<style type="text/css">
			h2{
				white-space: pre;
				
			}
			#tu{
				width: 400px;
				height: 800px;
				border: 1px solid black;
				border-radius: 20px;
			}
			#tu li{
				list-style-type: none;
				width: 360px;
				height: 180px;
		
			}
			li img{
				border-radius: 10px;
				width: 180px;
				height: 130px;
				float: left;
				
			}
			span{
				
				text-decoration: none;
				float: right;
				margin-top: 20px;
				margin-right: 20sspx;
				line-height: 30px;
			}
		
			a:hover{
				color: red;
			}
			#hot{
				
				position:relative;
				left: 190px;
				top: -750px;
				
			}
		
		</style>
	</head>
	<body>
		
		<div>
			<ul id="tu"><h2>   SHOP   今日推荐                       <img src="../img/more.gif"></h2>
				<li><img src="../img/img7.gif"/><span><a href="#">汉来国际美食百货</a><br /> 口味:创意中餐<br/>区域：朝阳/CBD</span></li>
				<li><img src="../img/img8.gif"/><span><a href="#">汉来国际美食百货</a><br /> 口味:创意中餐<br/>区域：朝阳/CBD</span></li>
				<li><img src="../img/img9.gif"/><span><a href="#">汉来国际美食百货</a><br /> 口味:创意中餐<br/>区域：朝阳/CBD</span></li>
				<li><img src="../img/img8.gif"/><span><a href="#">汉来国际美食百货</a><br /> 口味:创意中餐<br/>区域：朝阳/CBD</span></li>
			</ul>
			<img id=hot src="../img/shen.png"/>
		</div>
	</body>
</html>
